<template>
  <view>
    <text class="luban-group">view组件</text>
    <view class="content">
      <navigator url="/pages/uni-component/01view/uc01-view">
        <text class="text">flex布局</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc01-view02">
        <text class="text">flex布局</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc01-view03">
        <text class="text">flex布局</text>
      </navigator>
    </view>
    <text class="luban-group">scroll-view组件</text>
    <view class="content">
      <navigator url="/pages/uni-component/01view/uc02-scroll-view01">
        <text class="text">uc02-scroll-view01.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper01">
        <text class="text">uc03-swiper01.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper02">
        <text class="text">uc03-swiper02.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper03">
        <text class="text">uc03-swiper03.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper04">
        <text class="text">uc03-swiper04.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper05">
        <text class="text">uc03-swiper05.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc03-swiper06">
        <text class="text">uc03-swiper06.vue</text>
      </navigator>
      <navigator url="/pages/uni-component/01view/uc04-match-media01">
        <text class="text">uc04-match-media01.vue</text>
      </navigator>
    </view>

    <text class="luban-group">基础内容</text>
    <navigator url="/pages/uni-component/02base/uc02base01-icon">
      <text class="text">uc02base01-icon.vue</text>
    </navigator>
    <navigator url="/pages/uni-component/02base/uc02base01-text">
      <text class="text">uc02base01-text.vue</text>
    </navigator>

    <text class="luban-group">表单组件</text>
    <navigator url="/pages/uni-component/03form/03form01-button">
      <text class="text">03form/03form01-button.vue</text>
    </navigator>
    <navigator url="/pages/uni-component/03form/03form02-checkbox">
      <text class="text">03form/03form02-checkbox.vue</text>
    </navigator>
    <navigator url="/pages/uni-component/03form/03form03-editor">
      <text class="text">03form/03form03-editor.vue</text>
    </navigator>
    <navigator url="/pages/uni-component/03form/03form04-form">
      <text class="text">03form/03form04-form.vue</text>
    </navigator>
    <navigator url="/pages/uni-component/03form/03form04-form02">
      <text class="text">03form/03form04-form02.vue</text>
    </navigator>
  </view>
</template>

<script>
export default {
  methods: {
    onChange() {

    }
  }
}
</script>

<style scoped>
.text {
  padding: 8px 12px;
  font-size: 16px;
}
.luban-group{
  font-size: 18px;
  color: #320e0e;
}
</style>
